<html><head><!--[TEXT('*:root')]-->
  <!--[/TEXT('*:root')]--><title><!--[TEXT('*:root')]-->:root pseudo-class<!--[/TEXT('*:root')]--></title><!--[TEXT('*:root')]-->
  <!--[/TEXT('*:root')]--><style type="text/css"><!--[TEXT('*:root')]-->html { background-color : red }
*:root { background-color: lime }<!--[/TEXT('*:root')]--></style><!--[TEXT('*:root')]-->
  <!--[/TEXT('*:root')]--><link rel="author" title="Daniel Glazman" href="http://glazman.org/"><!--[TEXT('*:root')]-->
  <!--[/TEXT('*:root')]--><link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"><!--[TEXT('*:root')]--> <!--[/TEXT('*:root')]--><!--[COMMENT('*:root')]--><!-- bogus link to make sure it gets found --><!--[/COMMENT('*:root')]--><!--[TEXT('*:root')]-->
  <!--[/TEXT('*:root')]--><meta name="flags" content=""><!--[TEXT('*:root')]-->
 <!--[/TEXT('*:root')]--></head><!--[TEXT('*:root')]-->
 <!--[/TEXT('*:root')]--><body><!--[TEXT('*:root')]-->
<!--[/TEXT('*:root')]--><p><!--[TEXT('*:root')]-->The background of the document should be green<!--[/TEXT('*:root')]--></p><!--[TEXT('*:root')]-->

<!--[/TEXT('*:root')]--></body></html>